<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <p>{{msg}}</p>

        <button @click="go">点我</button>
    </div>

</body>
<script>
    new Vue({
        //表示当前的vue对象接管哪部分页面内容(选择器)
        el: "#app",
        //表示当前vue对象接管的页面数据模型（和页面元素实现绑定）
        data:{
            //模型变量，名称为 msg，值为 helloword vue
            msg:"helloword vue"
        },
        //表示当前vue对象的行为(和页面元素的事件相关)
        methods:{
            go(){
                //修改p标签的内容
                this.msg = "我变了..."
            }
        }
    });
</script>
</html>